<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 遍历 ： 把数组中的每个值都读出来
        //   利用数组的length属性  for
        //   for in   遍历下标
        //      下标是字符串
        //       会自动过滤掉空值
        //   for of  遍历值


        var arr = [1,2,3,4] ;
        arr.length = 20 ;
        arr[19] = 20 ;

        for(var i = 0 ; i < arr.length ; i++) {
            console.log(arr[i]);
        }


        // for  in  用于遍历对象
        //   i 也是下标  但是是字符串
        //   自动过滤掉空值
        for(var i in arr) {
            // if(i == 2) {   // 这里是字符串
            //     document.write(arr[i])
            // }

           
            if(i == 1) {
                break ;
            }

            console.log(arr[i]);
        }



        // for of  用来遍历值(包含空值)
        for(var v of arr) {
            if(v === 2) {
                break ;
            }
            console.log(v);
        }

    </script>
    
</body>
</html>